<html>
  
  #include("common.html")
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>商城</title>
    
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta name="full-screen" content="yes">
    <meta name="x5-fullscreen" content="true">
    <link rel="stylesheet" type="text/css" href="#(tpath)/static/css/vant.css">
    <link rel="stylesheet" type="text/css" href="#(tpath)/static/css/filter.css">
    <script type="text/javascript" src="#(tpath)/static/js/jquery.js"></script>
  </head>
  
  <body class="">
    <style type="text/css">@media only screen and (min-width: 320px){ html { font-size: 62.5% !important; } } @media only screen and (min-width: 640px){ html { font-size: 125% !important; } } @media only screen and (min-width: 750px){ html { font-size: 150% !important; } } @media only screen and (min-width: 1242px){ html { font-size: 187.5% !important; } }</style>
    <!-- 样式 S -->
    <style type="text/css" lang="less">body{position: relative; } .fl{float:left;} .fr{float:right;} .clear{clear:both;} .miao-banner{display: block; width:100%;} .miao-title{margin:1rem 0;font-size:1.4rem; text-align: center;color:#999;} .detail-top .van-icon-arrow-left{color:#333;} .miao-list{overflow: hidden;display: flex; margin:0 1.6rem 1.6rem 1.6rem;padding:1.6rem;background:#fff;} .miao-L{margin-right:1rem;} .miao-L img{margin-top:1.2rem;width:6rem;height:6rem;} .miao-R{flex:1;} .miao-list-title{ font-size:1.4rem; height:3.3rem; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; } .progress{margin-top:0.6rem;} .progress-L{float:left; width:67%;} .progress-L .van-progress{background:#fccfd9;height:0.5rem;border-radius: 100px;} .progress-L .van-progress__portion{border-radius: 100px;} .progress-L .van-progress__pivot{display:none;} .progress-R{float:right;margin-top: -0.6rem;color:#ee0a25;font-size:1rem;} .price{width:100%; margin-top:1.5rem;font-size:1.8rem;color:#ee0a25;font-weight:bold;} .unit{font-size:1rem;color:#ee0a25;font-weight:normal;} .price-before{font-size:1rem;color:#999;text-decoration: line-through;font-weight:normal; } .money{margin-right:0.1rem;} .qiang{float: right; margin-top: -0.7rem; background: #ee0a25; color: #fff; font-size: 1.4rem; border-radius: 5px; padding: 0 0.4rem; height: 2.4rem; line-height: 2.4rem; } @media only screen and (min-width: 320px){ html { font-size: 62.5% !important; } } @media only screen and (min-width: 640px){ html { font-size: 125% !important; } } @media only screen and (min-width: 750px){ html { font-size: 150% !important; } } @media only screen and (min-width: 1242px){ html { font-size: 187.5% !important; } }</style>
    <!-- 内容 -->
    <div id="miao" class="container">
      <img src="#(base)/static/images/wx_miao.jpg" class="miao-banner">
      <div class="miao-title">--限时抢购--</div>
      #if(seckill.isStart)
      #if(seckill.seckillProducts?? && seckill.seckillProducts.size()>0)
      <div class="miao-list">
      
      	#for(seckillProduct : seckill.seckillProducts)
        <div class="miao-L" onclick="location.href='#(base)/product/detail/#(seckillProduct.productId)'">
          <img src="#(imageUrl(seckillProduct.product.image))"></div>
        <div class="miao-R">
          <div class="miao-list-title">#(seckillProduct.product.name)</div>
          <div class="fl price">
            <span class="money">
              <span class="unit">￥</span>#(seckillProduct.price)</span>
            <span class="price-before">￥ #(seckillProduct.product.price)</span>
            <button class="qiang van-button van-button--danger van-button--normal" onclick="location.href='#(base)/product/detail/#(seckillProduct.productId)'">
              <span class="van-button__text">马上抢</span></button>
          </div>
        </div>
        #end
        
      </div>
      #end
      #end
      
    </div>
    <!-- 逻辑 -->
    <div class="van-toast van-toast--default van-toast--middle" style="z-index: 2000; display: none;">
      <!---->
      <!---->
      <div class="van-loading van-loading--circular van-loading--white" style="color: white;">
        <span class="van-loading__spinner van-loading__spinner--circular">
          <svg viewBox="25 25 50 50" class="van-loading__circular">
            <circle cx="50" cy="50" r="20" fill="none"></circle>
          </svg>
        </span>
      </div>
      <div class="van-toast__text">加载中...</div></div>
    <style>.van-tabbar{ height:55px; padding-bottom: 20px; } .suspend{ width: 100%; height: 100%; position: relative; z-index: 999; background-color: rgba(0,0,0,.6); position: fixed; top: 0; left: 0; } .suspend-content{ width: 244px; height: 55px; position: fixed; top: 70%; z-index: 900; } .suspend-content-left{ width: 44px; height: 40px; background-color: rgba(0,0,0,.6); color: #fff; font-size: 8px; padding: 3px; box-sizing: border-box; border-top-left-radius:5px; border-bottom-left-radius:5px; margin-top: 10px; float: left; } .suspend-icon{ float: left; width: 10px; height: 30px; padding: 5px 0px; margin-right: 3px; font-size: 14px; } .suspend-navigation{ float: left; width: 25px; height: 30px; box-sizing: border-box; font-size: 10px; } .suspend-navigation2{ float: left; width: 25px; height: 30px; padding: 10px 0px; box-sizing: border-box; font-size: 10px; } .suspend-content-right{ width: 200px; height: 60px; background-color: #fff; float: left; border-top-left-radius:5px; border-bottom-left-radius:5px; padding: 15px 10px; box-sizing: border-box; } .suspend-content-right .van-col{ text-align: center; } .suspend-contact{ font-size: 20px; } .suspend-contact-text{ font-size: 10px; transform: scale(0.7); } .wechat-customer .wechat-bg{background:#333;opacity:0.5;width:100%;z-index:999;position:fixed;top:0;bottom:0;} .wechat-customer .wechat-cont{width:12rem;background:#fff;border-radius:5px;position:fixed;top:50%;left:50%;margin-left:-8rem;z-index:999;text-align:center;padding:2rem;margin-top:-10rem;} .wechat-customer .wechat-cont img{width:10rem;height:10rem;} .wechat-customer .wechat-cont .closewindow{position:absolute;right:1rem;top:1rem;} .wechat-customer .wechat-cont .button1{width: 12rem; height: 2rem; line-height: 2rem; border: 0px; margin: 0rem auto 0 auto; color: #999; font-size: 12px;} .wechat-customer .wechat-cont .button2{width:12.1rem;height:2rem;background:#2ba246;color:#fff;border:1px solid #2ba246;margin-top:0.5rem;} .icon-img{ border-radius: 50%; width: 50px; height: 50px; background-color: #fff; border: none; box-shadow: 0px 0px 10px 2px #e5e5e5; margin: -11px auto 0; position:relative; z-index:9999; line-height: 50px; align-items: center; display: table-cell; vertical-align: middle; } .icon-img img{ max-width: 50px; border-radius: 50%; } .van-tabbar-item__icon img{ height: auto; }</style>
    <!-- 底部内容-->
    <div id="footer">
      <!---->
      #include("footer.html")
    </div>
  </body>

</html>